<header class="header">
        <section id="header_main" class="header_main">
            <section class="wrapper">
                <nav class="top-nav">
                    <div class="top-menu left">
                        <ul class="menu">
                            <!--前台登录与注册-->
                            <li class="menu-item menu-item-welcome">
                                一切都是命运石之门的选择！ </li>
                            <li class="menu-item menu-item-login">
                                <a class="user-login" href="{:url('index/admin/index')}">
                                    <i class="icon-login"></i>
                                    登录 </a>
                            </li>
                        </ul>
                    </div>
                    <!--顶部菜单-->
                    <div class="top-menu right">
                        <ul class="menu">
                            <li id="menu-item-35" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-35">
                                <a href="http://www.calamus.xyz">蒲-寝宫</a>
                            </li>
                            <li id="menu-item-180" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-180">
                                <a href="https://www.calamus.xyz/2018/06/29/message/">留言板</a>
                            </li>
                            <li id="menu-item-46" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-46">
                                <a href="https://www.calamus.xyz/tomo/">蒲-友人帐</a>
                                <ul class="sub-menu">
                                    <li id="menu-item-190" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-190">
                                        <a href="https://www.calamus.xyz/tomo/">小伙伴们w</a>
                                    </li>
                                    <li id="menu-item-188" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-188">
                                        <a href="https://www.calamus.xyz/2018/05/15/be-my-friends/">加入我的后宫</a>
                                    </li>
                                </ul>
                            </li>
                            <li id="menu-item-45" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-45">
                                <a href="https://www.calamus.xyz/gallery/">蒲-相册</a>
                            </li>
                            <li id="menu-item-37" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-37">
                                <a href="https://calamus0427.github.io/">蒲-代码宫</a>
                            </li>
                            <li id="menu-item-164" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-164">
                                <a href="https://calamus0427.github.io/project/index.html">蒲-在线项目</a>
                            </li>
                            <li id="menu-item-165" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-165">
                                <a href="http://www.cnblogs.com/calamus/">蒲-原博客</a>
                            </li>
                        </ul>
                    </div>
                    <!--顶部菜单end-->
                </nav>
                <!--菜单-->
                <nav class="header-nav">
                    <!--LOGO-->
                    <h1>
                        <a href="https://www.calamus.xyz" class="logo left" title="Calamus-我应在江湖悠悠，饮一壶浊酒。">
                            <img src="__PUBLIC__/static/picture/hdimg_8f2b1709e0b0859c3d347ffeceb5b37215006698420.jpg" alt="Calamus">
                        </a>
                    </h1>
                    <span style="line-height: 36px;padding-left: 10px;color: #E1244E;font-size:14px;">あやめ樣@脑袋有问题的人</span>
                    <!--LOGO-->
                    <div class="header-menu right">
                        <ul class="menu">
                            <li id="menu-item-13" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-13">
                                <a href="https://www.calamus.xyz/233/">233次元</a>
                                <ul class="sub-menu">
                                    <li id="menu-item-198" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-198">
                                        <a href="https://www.calamus.xyz/233/2018%e5%b9%b47%e6%9c%88%e6%96%b0%e7%95%aa/">2018年7月新番</a>
                                    </li>
                                    <li id="menu-item-195" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-195">
                                        <a href="https://www.calamus.xyz/233/2018%e5%b9%b44%e6%9c%88%e6%96%b0%e7%95%aa/">2018年4月新番</a>
                                    </li>
                                    <li id="menu-item-196" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-196">
                                        <a href="https://www.calamus.xyz/233/2018%e5%b9%b41%e6%9c%88%e6%96%b0%e7%95%aa/">2018年1月新番</a>
                                    </li>
                                </ul>
                            </li>
                            <li id="menu-item-15" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-15">
                                <a href="https://www.calamus.xyz/fontweb/">前端菜鸟</a>
                                <ul class="sub-menu">
                                    <li id="menu-item-52" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-52">
                                        <a href="https://www.calamus.xyz/%e6%af%8f%e5%a4%a9%e4%b8%80%e7%82%b9%e5%89%8d%e7%ab%af%e5%ad%a6%e4%b9%a0/">每天一点前端学习</a>
                                    </li>
                                </ul>
                            </li>
                            <li id="menu-item-174" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-174">
                                <a href="https://www.calamus.xyz/%e5%b0%8f%e7%a8%8b%e5%ba%8f/">小程序</a>
                            </li>
                            <li id="menu-item-14" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-14">
                                <a href="https://www.calamus.xyz/launchpad/">launchPad</a>
                            </li>
                            <li id="menu-item-202" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-202">
                                <a href="https://www.calamus.xyz/music/">音乐</a>
                                <ul class="sub-menu">
                                    <li id="menu-item-207" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-207">
                                        <a href="https://www.calamus.xyz/music/">我的歌单</a>
                                    </li>
                                    <li id="menu-item-204" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-204">
                                        <a href="https://www.calamus.xyz/%e9%9f%b3%e4%b9%90/">推荐音乐</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-item menu-item-search">
                                <a href="#search" title="点击搜索">
                                    <i class="icon-search-1"></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                </nav>
                <!--菜单end-->
            </section>
        </section>
    </header>